<template>
    <view class="pure-top" :style="{ height: height + 'rpx' }"></view>
</template>

<script>
export default {
    props: {
        height: {
            type: String,
            default: "206",
        },
    },
}
</script>

<style lang="scss">
.pure-top {
    width: 100%;
    position: relative;
    z-index: 0;
    overflow: hidden;
    margin-top: -2rpx;

    &:after {
        content: "";
        width: 160%;
        height: 100%;
        position: absolute;
        left: -30%; //椭圆左边隐藏10%，右边隐藏10%
        top: 0;
        border-radius: 0 0 50% 50%; //左上角，右上角，右下角，左下角
        background: $app-color-main;
    }
}
</style>
